<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <script>
        // 1.首先await不能单独使用，必须在async中使用
        // 2.在调用的主函数中使用，而不是在被调用里层函数中使用
        //获取第一条数据请求，这里的异步没什么作用
        async function a() {
            return await new Promise((resolve, reject) => {
                setTimeout(() => {
                    console.log(1)
                    resolve()
                }, 1000)
            })
        }

        //获取第二条数据请求，这里的异步没什么作用
        async function b() {
            return await new Promise((resolve, reject) => {
                setTimeout(() => {
                    console.log(2)
                    resolve()
                }, 2000)
            })
        }
        //获取第三条数据请求，不用异步！！！
        function c() {
            return new Promise((resolve, reject) => {
                setTimeout(() => {
                    console.log(3)
                    resolve()
                }, 3000)
            })
        }
        const fn = async() => {
            await a() //获取第一条
            await b() //获取第二条
            await c() //获取第三条
            console.log(4)
        }
        fn()
    </script>
</body>

</html>